<template>
    <div class="nav-cpn">
        <nav-total-price-cpn class="totalPrice"></nav-total-price-cpn>
        <navNavbarCpn class="navbar"></navNavbarCpn>
    </div>
</template>

<script>
import navNavbarCpn from './components/navbar.vue'
import navTotalPriceCpn from './components/totalprice.vue'

export default {
    components:{
        navNavbarCpn,
        navTotalPriceCpn
    }
}
</script>

<style scoped lang="scss">
.nav-cpn{
    width: 400px;
    height: 110px;
    margin-bottom: 20px;
    position: relative;
    // outline: 2px solid blueviolet;
    .totalPrice{
        width: 400px;
        height: 60px;
        // outline: 2px solid blueviolet;
        border: 1px solid gainsboro;
    }
    .navbar{
        width: 400px;
        height: 50px;
        // outline: 2px solid blueviolet;
        border: 1px solid gainsboro;
    }
}
</style>